
<div style="position: absolute;top: 120px; left: 450px">
    <font style="font-size: 25px ;color: #e8198b">销售单查询：</font>&nbsp;&nbsp;
    销售单编号：<input type="text" class="su" id="soID" >&nbsp;
    日期范围：<input type="text" class="su" id="timeRange">
    处理状态:<select id="status" style="border-radius: 50px;
    height: 20px;
    border-color: #0eb4dd; background-color: rgba(62,181,174,0.71)">
    <option value="1">新增</option>
    <option value="2">已付预付款</option>
    <option value="3">已出库</option>
    <option value="4">已付款</option>
    <option value="5">已了结</option>
</select>
    <input type="button" value="查询" onclick="selectSoMain()" style="background-color: #1E9FFF">

</div>


<br>
<table class="altrowstable">
    <tr>
        <td>编号</td>
        <td>销售单编号</td>
        <td>创建时间</td>
        <td>供应商名称</td>
        <td>创建用户</td>
        <td>附加费用</td>
        <td>销售产品总价</td>
        <td>销售单总价格</td>
        <td>付款方式</td>
        <td>处理状态</td>
        <td>明细</td>
        <td>操作</td>
    </tr>
    <tbody id="soMainBody">

    </tbody>
    <div  style="position: absolute; margin-top: 0px;padding-left: 700px">
        <ul id="page">分页</ul>
    </div>
</table>


<script type="text/html" id="soMainTemplate">
    {{each data}}
    <tr>
        <td>{{$index+1}}</td>
        <td>{{$value.soID}}</td>
        <td>{{$value.createTime}}</td>
        <td>{{$value.customerCode}}</td>
        <td>{{$value.account}}</td>
        <td>{{$value.tipFee}}</td>
        <td>{{$value.productTotal}}</td>
        <td>{{$value.poTotal}}</td>
        <td>{{$value.payType}}</td>
        <td>{{$value.status}}</td>
        <td><font style="color: #e8198b" onclick="{{'getSoItem(\''+ $value.soID +'\')'}}">查看明细</font></td>
        <td><span style="color: #84fab0" onclick="{{'updateSoMain(\''+$value.soID+'\')'}}">修改</span><span style="color: #e8198b" onclick="{{'deleteSoMain(\''+$value.poID+'\')'}}">删除</span></td>
    </tr>
    {{/each}}
</script>
<script>

    laydate.render({
        elem: '#timeRange'
        //设置开始日期、日期日期的 input 选择器
        //数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
        ,range: "~"
    });

    function updateSoMain(soID) {
        Ajax.post('updateSoMain',{
        soID:soID
    },function (reslut) {
            $('#main').load('updateSoMain.html',function () {
                $('#soID').val(reslut.data.soID);
                $('#createDate').val(reslut.data.createTime);
                $('#account').val(reslut.data.account);
                $('#tipFee').val(reslut.data.tipFee);
                $('#productTotal').val(reslut.data.productTotal);
                $('#remark').val(reslut.data.remark);
            })
        })
    }


    $(function () {
        showPage({
            currentPage: 1,
            pageSize: 3,
            url: '/getAllSoMain',
            templateId: 'soMainTemplate',
            contentId: 'soMainBody'
        })
    })
</script>